<!DOCTYPE html>
<html>
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes"/>
    <head>
        <title> T&A's Anniversary</title>
        <!--link the style sheet-->
        <link rel="stylesheet" type="text/css" href="css/style.css">

    </head>
    <body>
        <header class="header">
            <div class="container">
                <h1>1<span class="st">st</span> Anniversary</h1>
            </div>
            <div class="logo">
                <a href="https://github.com/GeniusTintin" target="_blank">
                    <img src="./images/IMG_2152.JPG" alt="logo" width="40px">
                </a>
            </div>
            <div class="logo2">
                <a href="https://github.com/AngelaZha" target="_blank">
                    <img src="./images/a.jpg" alt="logo2" width="40px">
                </a>
            </div>
            <nav class="navbar" id="index-navbar">
                
                    <ul>
                        <li><a href="index.html">About</a></li>
                        <li class="current"><a href="#">Flowers!</a></li>
                    </ul>
                    
                
            </nav>
        </header>

    </br>
    </br>

        <div class="container">
            <h2>Flowers~</h2>
            <p> You always say you want flowers, and, absolutely he took note of that. Since he is not here with you, and you know your boyfriend is quite an introvert (who just don't have the courage to be too romantic in front of parents), ALSO, more importantly, in order for us to be <a href = "https://en.wikipedia.org/wiki/Environmentally_friendly" target="_blank">ECO-FRIENDLY</a>, he eventually decided to use some digital flowers~ Hope you like them.</p>
        
        <div class="images-box">
            <img src="./images/flowers.jpg" alt="flowers" class="img">
        </div>

        </div>

        <div class="container">
            <h2>Also Flowers~</h2>
            <p> Remember this is the flower you gave him upon his graduation? Although he could not bring it back to his home, it remains in his heart forever.</p>
        
        <div class="images-box">
            <img src="./images/IMG_6091.JPG" alt="flowers" width = "100%" class="img">
        </div>

        </div>


        <footer class="footer">
            <p>Copyright &copy; 2022 Tintin Yuan</p>
        </footer>

    </body>
</html>